class ControlComponent extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            inputValue: '',
            checked: false,
        };
    }

    render() {
        return (
            <div>
                <h3>{this.state.inputValue}</h3>
                <input
                    type="text"
                    value={this.state.inputValue}
                    onChange={(e) =>
                        this.setState({ inputValue: e.target.value })
                    }
                />

                <h3>{`${this.state.checked}`}</h3>
                <input
                    type="checkbox"
                    checked={this.state.checked}
                    onChange={(e) =>
                        this.setState({ checked: e.target.checked })
                    }
                />

                <select onChange>
                    <option value="apple">🍎</option>
                    <option value="banana">🍌</option>
                </select>
            </div>
        );
    }
}

export default ControlComponent;
